div.homeContainer(
	ng-style="{ 'background-image': 'url({{vm.backgroundImage}})' }"
	layout="column"
	flex="100"
	ng-keydown="vm.keyAction($event)"
	ng-keyup="vm.keyAction($event)")

	viewer(
		id="viewer"
		flex="none"
		ng-if="!vm.isLiteMode && !vm.isLegalPage"
		device-memory="vm.deviceMemory"
		node="node"
		account="vm.$state.params.teamspace"
		model="vm.$state.params.modelId"
		branch="vm.$state.params.revision"
		revision="vm.$state.params.revision"
		style="pointer-events:none"
	)

	.homeHolder(layout="column" flex ng-if="!vm.isLegalPage")
		top-menu(
			ng-if="vm.isAuthenticated"
			is-lite-mode="vm.isLiteMode"
			on-lite-mode-change="vm.onLiteModeChange"
			on-logout="vm.logout"
			on-logo-click="vm.home"
		)

		div(
			ui-view=""
			flex="grow"
			layout="column"
			ng-style="{'pointer-events': vm.$state.current.name === 'app.viewer' ? 'none' : 'all','position': vm.$state.current.name === 'app.viewer' ? 'static' : 'relative'}"
		)

	#homeLegalContainer(flex="100" layout="column" ng-if="vm.isLegalPage")
		div(ui-view="")

	#legalLinks
		a(
			ng-repeat="display in vm.legalDisplays"
			target="_blank"
			rel="noopener"
			href="{{display.page}}") {{display.title}}